﻿<!DOCTYPE html>
<html>

<head>
    <title>layout</title>
</head>
<link rel="stylesheet" type="" href="CSS/mainMenu.css">
<link rel="stylesheet" type="" href="CSS/layout.css">
<script src="https://cdn.bootcss.com/jquery/2.2.0/jquery.js"></script>

</script>

<body>
    <div id="main">
        <div id="menu">
            <div id="user-info">
                <p>
                    <img src="img/用户.png" id="user-img">
                    <span id="user-name">username</span>
                    <img src="img/搜索.png" id="search-img">
                </p>
            </div>
            <div id="user-menu">
                <p class="menu-list">
                    <img src="img/所有事项.png"> 清单
                    <span>0</span>
                </p>
                <p class="menu-list">
                    <img src="img/过期.png"> 过期
                    <span>0</span>
                </p>
                <p class="menu-list">
                    <img src="img/完成.png"> 完成
                    <span>0</span>
                </p>
                <p class="menu-list">
                    <img src="img/未完成.png"> 未完成
                    <span>0</span>
                </p>
            </div>
        </div>
        <div id="display">
            <div id="head-display">
                <div id="choose-date">
                    <span>2017-08-12</span>
                    <img src="img/左.png" id="arrows-left">
                    <img src="img/右.png" id="arrows-right">
                </div>
                <div id="button">当天</div>
            </div>
            <!--前面的都不重要 重要的在下面-->
            <div id="body-display">
                
            </div>
            <!--前面的都不重要 重要的在上面-->


        </div>
        
    </div>
    <script src="JS/mainMenu.js"></script>
</body>

</html>